<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>模态框</title>
  <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/modalbox.css">
  <script src="./js/jquery.min.js"></script>

</head>

<body>
  <p><a href="#" class="forgetpass monik" data-toggle="modal" data-target="#myModal">修改密码</a></p>

  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:950px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">用户详情</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="form-horizontal " id="User">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">登录账号:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">区域:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">姓名:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">身份证号码:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">手机号码:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">身份:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">会员状态:</p>
                </div>
                <hr class="col-md-11">
                <div class="form-group">
                  <p class=" col-md-11 text-left" for="username">注册时间:</p>
                </div>
                <hr class="col-md-11">
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>

        </div>
      </div>
    </div>
  </div> -->

  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:950px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">修改头像</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-6 headshow">
              <div class="col-md-12"><img src="./img/background.png" alt="">
              <button class="btn btn-primary">上传图片</button></div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  //达萨达
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">达萨达</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <form id="defaultForm" method="post" class="form-horizontal dasada col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                  <div class="form-group">
                      <label > <p><sup>*</sup>计划名称</p> </label>
                      <div class="phonenum">
                            <input type="text" class="form-control" name="username" style="width: 550px;"><span>0/20</span>
                      </div>
                  </div>            
                  
                  <div class="form-group">
                      <label><p><sup>*</sup>采集区域</p></label>
                      <select class="form-control" style="width: 250px;" name="password"></select>
                      <button class="btn btn-warning" style="margin: 0 15px;">全体</button><button class="btn btn-warning">取消全体</button>
                  </div>
                  <div class="form-group">
                      <label><p><sup>*</sup>采集要求</p></label>
                      <textarea type="password" class="form-control" style="width: 550px;" name="password" placeholder="输入采集要求"></textarea> <span>0/255</span>
                  </div> 
                  <div class="form-group">
                      <input type="file" class="form-control" name="password" style="width: 300px;height: 250px;">
                  </div> 
              </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-success closer" >关闭</button>
                  <button type="submit" class="btn btn-primary">提交更改</button>
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  //图斑地块审核
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">图斑地块审核</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <form id="defaultForm" method="post" class="form-horizontal tbds col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                <div class="form-group">
                  <label>
                    <p>图斑ID</p>
                  </label>
                  <input type="text" class="form-control" name="username" style="width: 550px;">
                </div>
                <div class="form-group">
                  <label>
                    <p>地块名</p>
                  </label>
                    <input type="text" class="form-control" name="username" style="width: 550px;">
                </div>
                <div class="form-group">
                  <label>
                    <p>面积</p>
                  </label>
   
                    <input type="text" class="form-control" name="username" style="width: 550px;">

                </div>
                <div class="form-group">
                  <label>
                    <p>镇名</p>
                  </label>
          
                    <input type="text" class="form-control" name="username" style="width: 550px;">
                  </div>
  
                <div class="form-group">
                  <label>
                    <p>村名</p>
                  </label>
             
                    <input type="text" class="form-control" name="username" style="width: 550px;">
        
                </div>
                <div class="form-group">
                  <label>
                    <p>审核状态</p>
                  </label>
                  <label for="ture" class="label-control"><input type="radio" id="true" name="true"> 通过 </label>
                  <label for="fales"><input type="radio" id="fales" name="true"> 不通过 </label>
                  </div>
                  <div class="form-group">
                    <label><p>审核描述</p></label>
                    <textarea type="password" class="form-control" style="width: 550px;" name="password" ></textarea> 
                </div> 
                </div>

              </div>
              <div class="modal-footer">
                <button type="submit" class="btn btn-primary">确定</button>
              </div>
            </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  //图斑信息-地塘快信息
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:1450px;margin-left: -370px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">图斑信息-地塘快信息</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <form id="defaultForm" method="post" class="form-horizontal dtxx col-md-12" action="ajaxSubmit.php"
              style="display: flex;">
              <div class="modal-body ">
                <div class="form-group">
                  <label>
                    <p>图斑ID</p>
                  </label>
                  <input type="text" class="form-control" name="" placeholder="NHQ45844">
                </div>
                <div class="form-group">
                  <label>
                    <p>镇街</p>
                  </label>
                  <input type="text" class="form-control" name="">
                </div>
                <div class="form-group">
                  <label>
                    <p>村小组/经济社</p>
                  </label>
                  <input type="text" class="form-control" name="">
                </div>
                <div class="form-group">
                  <label>
                    <p>土地性质</p>
                  </label>
                  <input type="text" class="form-control" name="" placeholder="没有数据源">
                </div>
                <div class="form-group">
                  <label>
                    <p>村居审查现状</p>
                  </label>
                  <input type="text" class="form-control" name="">
                </div>

                <div class="form-group">
                  <label>
                    <p>审核描述</p>
                  </label>
                  <input class="form-control" type="text" style="width:270px"><select class="form-control"
                    style="width: 80px;"></select>
                </div>
              </div>
              <div class="modal-body ">
                <div class="form-group">
                  <label>
                    <p>地塘块命名</p>
                  </label>
                  <input type="text" class="form-control" name="" placeholder="九江镇-河清村-鱼塘-592">
                </div>
                <div class="form-group">
                  <label>
                    <p>村居</p>
                  </label>
                  <select class="form-control"></select>
                </div>
                <div class="form-group">
                  <label>
                    <p>大棚</p>
                  </label>
                  <input type="checkbox" style="margin: 13px 0 0 -8px;">无
                </div>
                <div class="form-group">
                  <label>
                    <p>土地现状</p>
                  </label>
                  <input type="text" class="form-control" name="">
                </div>
                <div class="form-group">
                  <label>
                    <p>品种</p>
                  </label>
                  <input type="text" class="form-control" name="">
                </div>

                <div class="form-group">
                  <label>
                    <p>面积（亩）</p>
                  </label>
                  <input class="form-control" type="text" style="width:270px"><select class="form-control"
                    style="width: 80px;"></select>
                </div>
              </div>
              <div class="modal-body ">
                <div><img style="width: 300px;height: 250px;" src="./img/background.png" alt=""></div>
                <button class="btn btn-info" style="width: 300px;height: 40px;margin-top: 25px;">上传照片</button>
              </div>
          </div>
          <div style="width: 100%;">
            <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel">所属主体</h4>
            </div>
            <table class="table table-bordered table-striped table-hover">
              <thead>
                <tr>

                  <td>主体名称</td>
                  <td>基地/土名</td>
                  <td>占地面积(亩)</td>
                  <td>年产值(万元)</td>
                  <td>承包开始时间</td>
                  <td>承包结束时间</td>
                  <td>承包年限</td>

                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>刘志军</td>
                  <td>西樵镇数据采集08231141</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>

              </tbody>
            </table>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary">确定</button>
          </div>
          </form>
        </div>
      </div>
      <div class="modal-footer col-md-12" style="margin-left: -200px;">
        <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
  </div> -->
  <!-- //采集人员
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">采集人员</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                  <div class="form-group">
                      <div style="display: flex;align-items: center;">
                          <p>姓名</p>  <input type="text" class="form-control" name="username" style="width: 250px;margin-right: 15px;">
                          <p><sup>*</sup>手机号码</p><input type="text" class="form-control" name="username" style="width: 250px;"><span>0/20</span>
                      </div>
                  </div>     
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>身份证号</p><input type="text" class="form-control" name="username" style="width: 595px;"><span>0/18</span>
                    </div>
                </div> 
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                    <p>角色</p> <select  class="form-control" style="width: 250px;">
                      <option selected hidden disabled>镇级</option>
                    </select>
                  </div>
              </div>  
                     
              </div>
              <div style="margin:0 auto; width:90px;">
                  <button type="button" class="btn btn-success closer" style="width: 80px;">确定</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  //属性类别编辑
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">属性类别分析</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                  
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性类别</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/12</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性类别编码</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/12</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性类别描述</p><textarea class="form-control"  style="width: 650px;"></textarea><span>0/120</span>
                   </div>
                  </div> 
                     
              </div>
              <div style="margin:0 auto; width:90px;">
                  <button type="button" class="btn btn-success closer" style="width: 80px;">确定</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">属性类别分析</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                      <p><sup>*</sup>属性编码</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/12</span>
                 </div>
                </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性值</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/12</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性类型</p><select  class="form-control"  style="width: 300px;"></select>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>属性值说明</p><textarea class="form-control"  style="width: 650px;"></textarea><span>0/150</span>
                   </div>
                  </div> 
                     
              </div>
              <div style="margin:0 auto; width:90px;">
                  <button type="button" class="btn btn-success closer" style="width: 80px;">确定</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">属性类别分析</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                      <p><sup>*</sup>机构名称</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/10</span>
                 </div>
                </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>机构简称</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/10</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>上级机构</p><select  class="form-control"  style="width: 300px;"></select>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>机构编码</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/64</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>联系人</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/15</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>联系电话</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/11</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>所在地址</p><select  class="form-control"  style="width: 300px;"></select>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>详细地址</p><input type="text" class="form-control" name="username" style="width: 650px;"><span>0/150</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>备注</p><textarea class="form-control"  style="width: 650px;"></textarea><span>0/255</span>
                   </div>
                  </div> 
                     
              </div>
              <div>
                  <button type="button" class="btn btn-muted closer " >取消</button>   
                  <button type="button" class="btn btn-primary closer" >保存</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  <!-- 新建角色 -->
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">新建角色</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
               
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>角色编号</p><input type="text" class="form-control" name="username" style="width: 300px;" value="XTGLY"><span>0/12</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>角色名称</p><input type="text" class="form-control" name="username" style="width: 300px;" value="系统管理员"><span>0/12</span>
                   </div>
                  </div> 
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p>角色描述</p><textarea class="form-control"  style="width: 300px;">系统管理员</textarea><span>0/150</span>
                   </div>
                  </div> 
                     
              </div>
              <div style="margin:0 auto; width:90px;">
                  <button type="button" class="btn btn-success closer" style="width: 80px;">确定</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  <!-- 新建用户 -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content col-md-offset-3" style="width:800px;margin-left: -170px;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">新建用户</h4>
        </div>
        <div class="modal-body" >
          <div class="row">
            <form id="defaultForm"  method="post" class="form-horizontal collection col-md-12" action="ajaxSubmit.php">
              <div class="modal-body ">
                  <div class="form-group">
                      <div style="display: flex;align-items: center;">
                          <p><sup>*</sup>账号</p>  <input type="text" class="form-control" name="username" style="width: 250px;margin-right: 15px;"><span>0/11</span>
                          <p><sup>*</sup>姓名</p><input type="text" class="form-control" name="username" style="width: 250px;"><span>0/15</span>
                      </div>
                  </div>
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>密码</p>  <input type="text" class="form-control" name="username" style="width: 250px;margin-right: 15px;">
                        <p><sup>*</sup>确认密码</p><input type="text" class="form-control" name="username" style="width: 250px;">
                    </div>
                </div>
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                    <input type="radio" style="margin: -10px 5px 0 0;">
                      <p><sup>*</sup>组织机构</p><select class="form-control"  style="width: 250px;">
                      <option selected hidden disabled>请选择</option></select>
                  </div>
                </div>  
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                    <input type="radio" style="margin: -10px 5px 0 0;">
                      <p><sup>*</sup>选择镇街</p><select class="form-control"  style="width: 250px;margin-right: 15px;">
                      <option selected hidden disabled>请选择</option></select>
                      <p><sup>*</sup>选择村居</p><select class="form-control"  style="width: 250px;">
                        <option selected hidden disabled>请选择</option></select>
                  </div>
                </div>      
                  <div class="form-group">
                    <div style="display: flex;align-items: center;">
                        <p><sup>*</sup>联系方式</p><input type="text" class="form-control" name="username" style="width: 595px;"><span>0/11</span>
                    </div>
                </div> 
                <div class="form-group">
                  <div style="display: flex;align-items: center;">
                      <p><sup>*</sup>身份证号</p><input type="text" class="form-control" name="username" style="width: 595px;"><span>0/18</span>
                  </div>
              </div> 
              <div class="form-group">
                <div style="display: flex;align-items: center;">
                    <p><sup>*</sup>身份等级</p><select class="form-control"  style="width: 250px;margin-right: 15px;">
                    <option selected hidden disabled>请选择</option></select>
                    <p><sup>*</sup>角色</p><select class="form-control"  style="width: 250px;">
                      <option selected hidden disabled>请选择</option></select>
                </div>
              </div> 
                     
              </div>
              <div style="margin:0 auto; width:90px;">
                  <button type="button" class="btn btn-primary closer" style="width: 80px;">保存</button>   
              </div>
          </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>
  <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
  <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="./bootstrap-3.4.1-dist/js/bootstrapValidator.min.js"></script>

</body>
<script>
  $(function () {
    $('#myModal').modal("show")
    $('.monik').on('click', function () {
      $('#myModal').modal("show")
    })
    $('.closer').on('click', function () {
      if (confirm("是否确认关闭")) {
        $('#myModal').modal("hide")
      } else {
        $('#myModal').modal("show")
      }
    })
  })

</script>

</html>